const App = {
    mixins: [Save],//配置文件，路径/utils/mixins.js
    data() {
        return {
            dataForm:{
                Summarize:'',
            },
            innovation_mechanism: [],
            innovation_mechanism_details:[],
            personal_information:[],
            fileList:[],
            childDataForm:[],
            isfirst:true,
            fileUrl:'',
            showDialog:false
        };
    },
    mounted() {
        let ls_URL = window.location.href;
        if (this.action == 'Add') {
            this.dataForm.Innovation_Mechanism_Detail_SerialNumber = getQueryObject(ls_URL, "nodeKey");// 获取 nodeKey 参数
            this.dataForm.Innovation_Mechanism_SerialNumber = getQueryObject(ls_URL, "nodeKey1");// 获取 nodeKey 参数
            this.handleChange(this.dataForm.Innovation_Mechanism_Detail_SerialNumber)
        }
        this.getCategory();
    },
    watch:{
        'dataForm.Innovation_Practice_SerialNumber'(val) {
            this.handleChange(this.dataForm.Innovation_Mechanism_Detail_SerialNumber)
        },
        childDataForm(val) {
            if (this.action == 'Modify'&&this.isfirst) {
                let arr = [];
                val.forEach(item => {
                    item.name = item.Attachment_Name + "（磁盘文件名:"+item.Attachment_URL+"）" 
                    arr.push(item)
                })
                this.fileList = arr;
                this.isfirst = false;
            }
        }
    },
    methods: {
        preview(row) {
            this.fileUrl = photo + row.Attachment_URL;
            console.log(this.fileUrl);
            this.showDialog = true;
        },
        async download(row) {
            // if (row.Attachment_URL) {
            //     window.location.href = photo + row.Attachment_URL;
            // }
            let apiUrl = photo + row.Attachment_URL;
            let fileName = apiUrl.split('/').pop();
            
            try {
                const response = await fetch(apiUrl);
                const blob = await response.blob();
                const url = window.URL.createObjectURL(blob);
                
                const a = document.createElement('a');
                a.href = url;
                a.download = fileName || 'download';
                document.body.appendChild(a);
                a.click();
                
                // 清理
                setTimeout(() => {
                    document.body.removeChild(a);
                    window.URL.revokeObjectURL(url);
                }, 100);
            } catch (error) {
                console.error('下载失败:', error);
            }
        },
        getCategory() {
            $.ajax({
                headers: requestHeaders(),
                url: `${mh}/generalBusiness/generalQueryByTableName`,
                type: "POST",
                data: {
                    Data: 'innovation_mechanism',
                    Condition: "Row_Status='0'",
                },
                success: (data) => {
                    this.innovation_mechanism = data; // 直接使用 this
                },
                complete: (XMLHttpRequest) => {
                    requestPretreatment(XMLHttpRequest);
                },
                dataType: "json",
            });
            $.ajax({
                headers: requestHeaders(),
                url: `${mh}/generalBusiness/generalQueryByTableName`,
                type: "POST",
                data: {
                    Data: 'innovation_mechanism_details',
                    Condition: "Row_Status='0'",
                },
                success: (data) => {
                    this.innovation_mechanism_details = data; // 直接使用 this
                },
                complete: (XMLHttpRequest) => {
                    requestPretreatment(XMLHttpRequest);
                },
                dataType: "json",
            });
        },
        handleChange(val){
            $.ajax({
                headers: requestHeaders(),
                url: `${mh}/generalBusiness/generalQueryBySQLSerialNumber`,
                method: "post",
                data: {
                    SQLSerialNumber: 't_innovation_mechanism_member',
                    Condition: '',
                    ExtensionCondition: window.btoa(unescape(encodeURIComponent("AND innovation_mechanism_details_agencies.Innovation_Mechanism_Detail_SerialNumber='" + val + "'"))),
                },
                success: (data) => {
                    this.personal_information = data;
                    if (data.length == 0) {
                        this.$message({
                            message: '暂无可选实践人',
                            type: 'warning'
                        })
                    }
                },
                complete: (XMLHttpRequest) => {
                    requestPretreatment(XMLHttpRequest)
                },
            })
        },
        handlePersonal(val) {
            let obj = this.personal_information.filter(i => i.Government_Member_SerialNumber == val)[0];
            if(obj) {
                this.dataForm.ID_Card_Number = obj.ID_Card_Number;
                this.dataForm.Government_Agencies_SerialNumber = obj.Government_Agencies_SerialNumber;
            }
        },
        success(row, res) {
            this.childDataForm.push({
                uid: row.uid,
                Innovation_Practice_SerialNumber:this.dataForm.Innovation_Practice_SerialNumber,
                Attachment_URL: res.fileName,
                Attachment_Name:row.name,
                Temp_Path:res.tempPath
            })
        },
        remove(row) {
            if (!Object.keys(row).some(item => item.includes('_Original'))) {
                this.childDataForm = this.childDataForm.filter(i => i.uid != row.uid);
            } else {
                let obj = this.childDataForm.filter(i => i.Attachment_SerialNumber == row.Attachment_SerialNumber)[0];
                obj.Row_Status = '1'
            }
        },
        //提交表单
        async handleSubmit() {
            const allValid = await this.validateAllForms();
            if (allValid) {
                this.loading = true;
                let ls_URL = window.location.href;
                const action = getQueryObject(ls_URL, "action");   // 获取 action 参数
                let lJSONObject_Data_Options = new Object();
                lJSONObject_Data_Options = JSON.parse(document.getElementById("MainTable").getAttribute("data-options"));

                let ls_MainTableName = lJSONObject_Data_Options.TableName;
                let ls_DataForm = lJSONObject_Data_Options.form;
                let ls_primary_key = lJSONObject_Data_Options.primary_key;
                //没有子表下面内容就会报错，try/catch抛出异常
                try {
                    //可能涉及多个子表
                    document.getElementById("ChildTable").querySelectorAll(".el-descriptions").forEach(item => {
                        if (item.hasAttribute('data-options')) {
                            let lJSONObject_ChildData_Options = new Object();
                            lJSONObject_ChildData_Options = JSON.parse(item.getAttribute("data-options"));

                            let ls_ChildTableName = lJSONObject_ChildData_Options.TableName;
                            let ls_ChildDataForm = lJSONObject_ChildData_Options.form;
                            // let ls_ParentTableName = lJSONObject_ChildData_Options.ParentTableName;
                            if (this[ls_DataForm][ls_primary_key]) {
                                this[ls_ChildDataForm].forEach(item => {
                                    item[ls_primary_key] = this[ls_DataForm][ls_primary_key];
                                })
                            }
                            //建立子表结构体
                            let JSONArray_ChildRecord = new Array();
                            JSONArray_ChildRecord = this[ls_ChildDataForm];
                            if (!this[ls_DataForm].Children) {
                                this[ls_DataForm].Children = new Object();
                            }
                            this[ls_DataForm].Children[ls_ChildTableName] = JSONArray_ChildRecord;
                        }
                    })
                } catch (error) {

                }
                //建立新增提交结构
                let lJSONObject_DataSet = new Object();
                if (action == 'Add') {
                    if (this.nodeKey) {
                        this[ls_DataForm].Parent_SerialNumber = this.nodeKey;
                    }
                    let lJSONArray_Record = new Array();
                    lJSONArray_Record.push(this[ls_DataForm]);
                    let lJSONObject_Table = new Object();
                    lJSONObject_Table[ls_MainTableName] = lJSONArray_Record;
                    lJSONObject_DataSet[action] = lJSONObject_Table;
                } else if (action == 'Modify') {
                    const { add, modify } = this.deal(this[ls_DataForm]);
                    let lJSONArray_Record = new Array();
                    lJSONArray_Record.push(modify);

                    let lJSONObject_Table = new Object();
                    lJSONObject_Table[ls_MainTableName] = lJSONArray_Record;

                    lJSONObject_DataSet[action] = lJSONObject_Table;
                    lJSONObject_DataSet['Add'] = new Object();
                    if (add != null) {
                        let lJSONArray_Record_Add = new Array();
                        lJSONArray_Record_Add.push(add);

                        let lJSONObject_Table_Add = new Object();
                        lJSONObject_Table_Add[ls_MainTableName] = lJSONArray_Record_Add;

                        lJSONObject_DataSet['Add'] = lJSONObject_Table_Add;
                    }
                }   
                let Operation_Main = JSON.stringify(deepClone(lJSONObject_DataSet));
                lJSONObject_DataSet['Add']['base_operation_log'] = [{
                    Operation_Type: '0',
                    Operation_Path: this.relativePath,
                    Operation_Main,
                    Operation_Interface: "generalSaveByRequestBody",
                    Operation_IP: getIpAddress()
                }]
                submitSave(lJSONObject_DataSet, (res) => {
                    if (res.Status == 'success') {
                        window.history.go(-1);
                    }
                    this.loading = false;
                })
            } else {
                this.$message({
                    message: '存在未填写的必填项！',
                    type: 'warning'
                });
            }
        },
    },
};
const { createApp, ref } = Vue;
const app = createApp(App);
app.use(ElementPlus,{locale: zhCn});
//这种方式是引入全部图标，无需单个引入
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
}
app.component('yl-upload', ylUpload);
app.component('yl-text-editor', ylTextEditor);
app.component('yl-select', ylSelect);
app.component('yl-online-preview', ylOnlinePreview);
const ElMessage = ElementPlus.ElMessage;
app.mount("#app");
